.leftHdrCont{
  width: 320px;
  display: flex;
  align-items: center;
  padding: 8px 0px 8px 16px;
  box-sizing: border-box;
}

.fbIcon{
  height: 40px;
  margin-right: 8px;
}

.fbIcon:hover{
  cursor: pointer;
}

.searchButton{
  height: 40px;
  width: 238px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 15px;
  background-color: rgba(240, 242, 245);
  border: none;
  border-radius: 20px;
  display: block;
  padding-left: 34px;
  margin-left: -38px;
}

.searchButton:focus{
  outline: none;
}

@media (max-width: 1259px){
  .leftHdrCont{
    width: 112px;
  }
  .searchButton{
    display: none;
  }
}

.searchIconCont{
  height: 40px;
  width: 40px;
  background-color: rgb(240, 242, 245);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.searchIcon{
  height: 15px;
  width: 15px;
  z-index: 3;
}